@import "./icon.scss";

/* theme color */
$--color-primary: teal;

/* icon font path, required */
$--font-path: "~element-ui/lib/theme-chalk/fonts";

@import "~element-ui/packages/theme-chalk/src/index";

.ht-form-sign-button {
  i {
    margin-right: 10px;
  }
}

.el-container {
  height: 100%;
  .el-aside {
    color: #333;
    text-align: left;
    line-height: 180px;
    border-right: 1px solid #e2e2e2;
    height: 100%;
    .el-menu {
      border-right: 0;
    }
  }
  .ht-header-border {
    border-bottom: 1px solid #e2e2e2;
  }
}
// padding
.ht-pd-10 {
  padding-bottom: 10px;
}

.ht-pl-pr-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.ht-pl-10 {
  padding-left: 10px;
}
.ht-pr-10 {
  padding-right: 10px;
}

.ht-pr-15 {
  padding-right: 20px;
}
.ht-pr-20 {
  padding-right: 20px;
}
.ht-pt-10 {
  padding-top: 10px;
}

//margin

.ht-ml-10 {
  margin-left: 10px;
}

.ht-mr-10 {
  margin-right: 10px;
}

.ht-mb-10 {
  margin-bottom: 10px;
}

.ht-mt-10 {
  margin-top: 10px;
}
.ht-m-10 {
  margin: 10px;
}
// div

.ht-div-flex-row-between {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  align-items: center;
  justify-content: space-between;
}

.ht-div-flex-row-around {
  display: flex;
  flex-direction: row;
  align-content: space-around;
  align-items: center;
  justify-content: space-around;
}

.ht-div-flex-row-center {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: center;
}
